<!DOCTYPE HTML>
<html>
<head>
    <title>RFTennis | 登录/注册</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="./css/form.css" rel="stylesheet" type="text/css" media="all" />
    <link href="./css/search.css" rel="stylesheet" type="text/css" media="all" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <script type="text/javascript" src="./jquery/jquery.min.js"></script>
    <script src="./jquery/jquery.easydropdown.js"></script>
  
    <script type="text/javascript">
        $(document).ready(function() {
            $(".dropdown img.flag").addClass("flagvisibility");

            $(".dropdown dt a").click(function() {
                $(".dropdown dd ul").toggle();
            });

            $(".dropdown dd ul li a").click(function() {
                var text = $(this).html();
                $(".dropdown dt a span").html(text);
                $(".dropdown dd ul").hide();
                $("#result").html("Selected value is: " + getSelectedValue("sample"));
            });

            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });


            $("#flagSwitcher").click(function() {
                $(".dropdown img.flag").toggleClass("flagvisibility");
            });
        });
         
    </script>
    <!-- start menu -->     
    <link href="./css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="./js/megamenu.js"></script>
    <script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
    <!-- end menu -->
    <script type="text/javascript" src="./jquery/jquery.jscrollpane.min.js"></script>
    <script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
    </script>
    <!-- top scrolling -->
    <script type="text/javascript" src="./js/move-top.js"></script>
    <script type="text/javascript" src="./js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){     
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
            });
        });
    </script>       
</head>
<body>
    <div class="header-top">
        <div class="wrap"> 
            <div class="logo">
                <a href="index.html"><img src="./images/logo.png" alt=""/></a>
            </div>
            <div class="cssmenu">
                <ul>
                    <li class="active"><a href="logo.html">登录/注册</a></li> 
                    <li><a href="">订单管理</a></li> 
                    <li><a href="shoppingcart.html">购物车</a></li> 
                    <li><a href="">个人中心</a></li> 
                </ul>
            </div>

            <div class="clear"></div>
        </div>
    </div>
    <div class="header-bottom">
        <div class="wrap">
            <!-- start header menu -->
            <ul class="megamenu skyblue">
                <li><a class="color1" href="#">首页</a></li>
                <li class="grid"><a class="color2" href="#">网球</a>
                
            </li>
            <li class="active grid"><a class="color4" href="#">网球拍</a>
                
            </li>               
            <li><a class="color5" href="#">网球服装</a>
                
            </li>
            <li><a class="color6" href="#">网球配件</a>
                
            </li>
            <div class="h_search">
                <form class="xxoo">
                    <input type="text" value="">
                    <input type="submit" value="">
                </form>
            </div>
        </ul>           <div class="clear"></div>
        </div>
    </div>
    <div class="login">
        <div class="wrap">
            <div class="cont span_2_of_3">
              
              <div class="login_cont">
              			<div class="login_nav">
              				<div class="nav_slider">
              					<a href="#" class="signin focus">登录</a>
              					<a href="#" class="signup">注册</a>
              				</div>
              			</div>
              			<form>
              				<div class="input_signin active">
              					<input class="input" id="login_user_name" type="text" aria-label="用户名" placeholder="用户名">
              					<div class="hint">请输入用户名</div>
              					<input class="input" id="login_password" type="password" aria-label="密码" placeholder="密码">
              					<div class="hint">请输入密码</div>
              					<input type="submit" id="button" class="button" name="button" value="登录">
              					<div class="forget">
              						<a href="forget.html" tppabs="forget.html">忘记密码？</a>
              					</div>
              				</div>
              			</form>
              			<form>
              				<div class="input_signup">
              					<input class="input" id="user_name" type="text" aria-label="用户名（包含字母／数字／下划线" placeholder="用户名">
              					<div class="hint">请填写符合格式的用户名</div>
              					<input class="input" id="user_email" type="text" aria-label="邮箱" placeholder="邮箱">
              					<div class="hint">请填写邮箱</div>
              					<input class="input" id="phone" type="text" class="account" aria-label="手机号（仅支持中国大陆）" placeholder="手机号（仅支持中国大陆）">
              					<div class="hint">请填写手机号</div>
              					<input class="input" id="password" type="password" aria-label="密码" placeholder="密码（不少于 6 位）">
              					<div class="hint">请填写符合格式的密码</div>
              					<input class="input" id="repassword" type="password" aria-label="密码" placeholder="再次输入密码">
              					<div class="hint">请再次输入密码</div>
              					<input type="submit" id="submit" class="button" name="button" value="注册">
              				</div>
              				
              			</form>
              		</div>
               
               
                
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-top">
            <div class="wrap">
                <div class="col_1_of_footer-top span_1_of_footer-top">
                    <ul class="f_list">
                        <li><img src="./images/f_icon.png" alt=""/><span class="delivery">Free delivery on all orders over £100*</span></li>
                    </ul>
                </div>
                <div class="col_1_of_footer-top span_1_of_footer-top">
                    <ul class="f_list">
                        <li><img src="./images/f_icon1.png" alt=""/><span class="delivery">Customer Service :<span class="orange"> (800) 000-2587 (freephone)</span></span></li>
                    </ul>
                </div>
                <div class="col_1_of_footer-top span_1_of_footer-top">
                    <ul class="f_list">
                        <li><img src="./images/f_icon2.png" alt=""/><span class="delivery">Fast delivery & free returns</span></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="footer-middle">
            <div class="wrap">
                <div class="section group">


                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="wrap">
                <div class="section group">
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">网球</h3>
                        <ul class="sub_list">
                            <!-- <h4 class="m_10">首页</h4>
                            <li><a href="">网球</a></li> -->
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">网球拍</h3>
                        <ul class="list1">
                            <li><a href="">Basketball</a></li>
                            
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">网球服装</h3>
                        <ul class="list1">
                            <li><a href="">Originals Shoes</a></li>
                        
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">网球配件</h3>
                        <ul class="list1">
                            <li><a href="">Shirts</a></li>
                            <li><a href="">Pants & Tights</a></li>
                            <li><a href="">Shirts</a></li>
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">关于我们</h3>
                        <ul class="list1">
                            <li><a href="">联系电话：</a></li>
                            <li><a href="">地址：</a></li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="copy">
            <div class="wrap">
                <p>© 2019 | RFTennis &nbsp;</a></p> 
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript" src="js/form.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/login_ajax.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            
            var defaults = {
                    containerID: 'toTop', // fading element id
                    containerHoverID: 'toTopHover', // fading element hover id
                    scrollSpeed: 1200,
                    easingType: 'linear' 
                };
                
                
                $().UItoTop({ easingType: 'easeOutQuart' });
                
            });
        </script>
        <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</body>
</html>